.border-1px {
  position: relative;
  &::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #000;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .border-1px {
    &::after {
      transform: scaleY(0.5);
    }
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 3) {
  .border-1px {
    &::after {
      transform: scaleY(0.33333);
    }
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 4) {
  .border-1px {
    &::after {
      transform: scaleY(0.25);
    }
  }
}
